/* 清除边距 */
*{
    margin: 0;
    padding: 0;
}
/* 设置容器 */
.container{
    display: grid;
    width: 800px;
    margin: 0 auto;
    grid-template-columns: 600px 200px;
    grid-template-rows: 80px 200px 200px 200px 50px;
    border: 1px solid red;
}
/* 批量添加边框线 看得清楚 */
.item{
    border: 1px blue solid;
}
/* 设置头部列线占1线到3线 */
.header{
    grid-column: 1 / 3;
}
/* 设置边框行线2、5 列2/3 */
.aside{
    grid-row: 2 / 5;
    grid-column: 2 / 3;
}
.footer{
    /* grid-row: 1 / 5 ; */
    grid-column:1 / 3 ;
}
.pic{
    width: 100px;
    height: 80px;
    margin-left: 20px;
    float: left;

}
.header p{
    font-size: 40px;
    color: blue;
    line-height: 80px;
    text-align: center;
}
.docs img{
    height: 150px;
    width: 200px;
    margin-left: 20px;
    float: left;
    margin-top: 25px;
}
.text{
    margin-top: 25px;
    margin-left: 15px;
    float: left;
}
.text h2{
    margin: 15px;
}
.text p{
    margin: 15px;
}
.text a{
    text-decoration: none;
    display: inline-block;
    text-align: center;
    width: 50px;
    height: 30px;
    margin: 15px;
    background-color: yellow;
}
.blogs img{
    height: 150px;
    width: 200px;
    margin-left: 20px;
    float: left;
    margin-top: 25px;
}
.videos img{
    height: 150px;
    width: 200px;
    margin-left: 20px;
    float: left;
    margin-top: 25px;
}



